<template>
	<lee-page 
	:customHeader="true" 
	:headerClass="['lee-bg-gray', 'lee-dark-bg-level-1']">
		<!-- 自定义头部导航 -->
		<template v-slot:gHeader>
			<view 
			style="height:44px;" 
			class="lee-flex lee-nowrap lee-rows lee-align-items-center">
				<!-- 使用组件实现返回按钮及返回首页按钮 -->
				<lee-header-leading 
				@goHome="goHome"></lee-header-leading>
				<!-- 导航文本此处也可以是其他自定义内容 -->
				<text class="lee-h5 lee-blod lee-flex1 lee-text-center lee-ellipsis lee-primary-text">页面标题</text>
				<!-- 此处加一个右侧展位元素与左侧同宽，实现标题居中 -->
				<!-- 实际宽度请根据自己情况设置 -->
				<view style="width:120rpx;"></view>
				<!-- 如果右侧有其他内容可以利用条件编译和定位来实现-->
			</view>
		</template>
		<!-- 页面主体 -->
		<template v-slot:gBody>
			<view class="lee-padding">
				<page-demo></page-demo>
			</view>
		</template>
	</lee-page>
</template>
<script>
export default {
	data() {
		return {}
	},
	methods: {
		goHome : function () {
			uni.redirectTo({
				url:'/pages/index/index'
			})
		}
	}
}
</script>
<style scoped>
</style>